/*83856*/
<template>
  <div>
    <h5 class="chart">
      chart
    </h5>
    <div id="myChart"
         :style="{ width: '300px', height: '300px' }"></div>
  </div>
</template>

<script setup>
import {ref, onMounted} from 'vue'
import * as echarts from 'echarts'

onMounted(() => {
  //this.$root => app
  let myChart = echarts.init(
      document.getElementById("myChart")
  );
  // 绘制图表
  myChart.setOption({
    title: {text: "总用户量"},
    tooltip: {},
    xAxis: {
      data: ["12-3", "12-4", "12-5", "12-6", "12-7", "12-8"],
    },
    yAxis: {},
    series: [
      {
        name: "用户量",
        type: "line",
        data: [5, 20, 36, 10, 10, 20],
      },
    ],
  });
})


</script>

<style scoped lang="scss">

</style>